<template>
  <div>
    <v-chart :options="polar"/>
  </div>
</template>

<script>
import ECharts from '~/static/js/vue-echarts';
import 'echarts/lib/chart/line';       //绘制不同的图表要引入不同的chart和component
import 'echarts/lib/component/polar';
import 'echarts/lib/chart/pie';
export default {
    components: {
        'v-chart': ECharts
    },
    data () {
        return {
            polar: {
                'title': {
                    'text': '资产总量情况',
                    'x': 'center'
                },
                'tooltip': {
                    'trigger': 'item',
                    'formatter': '{a} <br/>{b} : {c} ({d}%)'
                },
                'legend': {
                    'orient': 'vertical',
                    'x': 'left',
                    'data': [
                        '水上交通运输设备',
                        '房屋',
                        '计算机设备及软件',
                        '构筑物',
                        '其它'
                    ]
                },
                'toolbox': {
                    'show': true,
                    'feature': {
                        'mark': {
                            'show': true
                        },
                        'dataView': {
                            'show': true,
                            'readOnly': false
                        },
                        'magicType': {
                            'show': true,
                            'type': [
                                'pie',
                                'funnel'
                            ],
                            'option': {
                                'funnel': {
                                    'x': '25%',
                                    'width': '50%',
                                    'funnelAlign': 'left',
                                    'max': 1548
                                }
                            }
                        },
                        'restore': {
                            'show': true
                        },
                        'saveAsImage': {
                            'show': true
                        }
                    }
                },
                'calculable': true,
                'series': [
                    {
                        'name': '资产总量情况',
                        'type': 'pie',
                        'radius': '55%',
                        'center': [
                            '50%',
                            '60%'
                        ],
                        'data': [
                            {
                                'value': 450006880,
                                'name': '水上交通运输设备'
                            },
                            {
                                'value': 157116136,
                                'name': '房屋'
                            },
                            {
                                'value': 86042088,
                                'name': '计算机设备及软件'
                            },
                            {
                                'value':67307896,
                                'name': '构筑物'
                            },
                            {
                                'value': 205207000,
                                'name': '其它'
                            }
                        ]
                    }
                ]
            }
        };
    }
};
</script>

<style scoped>

</style>